<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

    <script type="text/javascript" src="/js/rem.js"></script>
    <link rel="stylesheet" href="/css/style.css">
    <script>AUTOBAHN_DEBUG = false;</script>
    <script src="/js/autobahn.min.js"></script>
    <title>数据统计</title>
</head>

<body style="visibility: hidden;">
    <div class="container-flex" tabindex="0" hidefocus ="true">
        <div class="box-left">
            <div class="left-top">
                <div class="current-num">
                    <div>数据处理总量</div>
                    <p id="nowData" c>0</p>
                </div>
            </div>
            <div class="left-center">
                <div class="title-box">
                    <h6>各协议处理量</h6>
                </div>
                <div class="chart-box pie-chart">
                    <div id="pie_fanzui" style="width:100%;"></div>
                </div>
            </div>

        </div>
        <div class="box-center">
            <div class="center-top">
                <h1 style="margin-right:-90px;">数据统计</h1>
            </div>

             <!--中间那块-->
            <div id="china_map">
                <!--<div id="china_map" ></div>-->
            </div>

             <!--时间那块-->
            <div class="center-center">
                <div id="weather_box" style="width:43%">
                </div>
                <div id="select_box" style="width:45%">
                </div>
            </div>


        </div>
        <div class="box-right">
            <div class="right-center">
                <div class="title-box">
                    <h6>CPU使用情况</h6>
                </div>
                <div class="chart-box pie-chart">
                    <div id="qufenbu_data"style="width:90%;height:85%;"></div>
                </div>
            </div>
            <div class="right-bottom">
                <div class="title-box">
                	<p id="switchBtn"><span class="active" data-dataType="income">内存占用情况</span></p>
                </div>
                <div id="line_time" style="width:90%;height:85%;"></div>
            </div>
        </div>
    </div>
    <div id="popup" class="popup">
        <div class="divContainer">
            <div class="background"></div>
            <div class="content">
                <p id="title" class="title">zztest</p>
                <div class="EchartsContent">
                    <div class="" id="popupEcharts" style="height:100%;width:100%;"></div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/js/layer/layer.min.js"></script>
<script type="text/javascript" src="/js/layer/laydate/laydate.js"></script>
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script type="text/javascript" src="/js/china.js"></script>
<script type="text/javascript" src="/js/infographic.js"></script>
<script type="text/javascript" src="/js/macarons.js"></script>
<script type="text/javascript" src="/js/shine.js"></script>
<script type="text/javascript" src="/js/base.js"></script>

<script type="text/javascript">
    window.onload = function(){
        $("body").css('visibility', 'visible');
        var localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()]
        localStorage.setItem("data", localData);
    }
</script>
</html>